﻿<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shop List</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- google fonts -->
<link href='https://fonts.googleapis.com/css?family=Lato:400,900,700,300' rel='stylesheet'
	type='text/css'>
<!-- all css here -->
<!-- bootstrap v3.3.6 css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- jquery-ui.min css -->
<link rel="stylesheet" href="css/jquery-ui.min.css">
<!-- meanmenu css -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- RS slider css -->
<link rel="stylesheet" type="text/css" href="lib/rs-plugin/css/settings.css" media="screen" />
<!-- owl.carousel css -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- font-awesome css -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- modernizr css -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
		<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
	<![endif]-->
<!-- Add your site or application content here -->
<!-- header-top-area start -->
<div class="header-top-area hidden-xs">
	<div class="container">
		<div class="row">
			<div class="col-lg-6 col-md-6 col-sm-4">
				<div class="welcome">
					<span class="phone">Phone: +12345 67890</span> <span class="hidden-sm">/</span>
					<span class="email hidden-sm">Email: yourname@domain.com</span>
				</div>
			</div>
			<div class="col-lg-6 col-md-6 col-sm-8">
				<div class="top-menu">
					<ul id="currency">
						<li><a href="#">USD <i class="fa fa-angle-down"></i></a>
							<ul>
								<li><a href="#">EURO</a></li>
								<li><a href="#">AUD</a></li>
								<li><a href="#">Rs</a></li>
							</ul>
						</li>
					</ul>
					<ul>
						<li><a href="#">My Account</a></li>
						<li><a href="#">Wishlist</a></li>
						<li><a href="#">Shopping cart</a></li>
						<li><a href="#">Checkout</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- header-top-area end -->
<div class="sticky-wrapper">
	<header>			
		<!-- header-bottom-area start -->            
		<div class="header-bottom-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
						<div class="logo">
							<a href="index.html"><img src="img/logo/logo.png" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-6 col-md-5 col-sm-5 col-xs-6 hidden-xs">
						<div class="header-search">
							<select>
								<option value="0">All Categories</option>
								<option value="1">Women's Clothing &amp; Accessories</option>
								<option value="2">Men's Clothing &amp; Accessories</option>
								<option value="0">Phones &amp; Telecommunications</option>
								<option value="0">Computer &amp; Office</option>
								<option value="0">Consumer Electronics</option>
								<option value="0">Jewelry &amp; Accessories</option>
								<option value="0">Home &amp; Garden</option>
								<option value="0">Luggage &amp; Bags</option>
								<option value="0">Shoes</option>
								<option value="0">Mother &amp; Kids</option>
								<option value="0">Sports &amp; Entertainment</option>
								<option value="0">Health &amp; Beauty</option>
								<option value="0">Watches</option>
								<option value="0">Toys &amp; Hobbies</option>
								<option value="0">Weddings &amp; Events</option>
								<option value="0">Novelty &amp; Special Use</option>
								<option value="0">Automobiles &amp; Motorcycles</option>
								<option value="0">Lights &amp; Lighting</option>
								<option value="0">Furniture</option>
								<option value="0">Industry &amp; Business</option>
								<option value="0">Electronic Components &amp; Supplies</option>
								<option value="0">Office &amp; School Supplies</option>
								<option value="0">Electrical Equipment &amp; Supplies</option>
								<option value="0">Gifts &amp; Crafts</option>
								<option value="0">Home Improvement</option>
								<option value="0">Food</option>
								<option value="0">Travel and Coupons</option>
								<option value="0">Security &amp; Protection</option>
								<option value="0">In All Categories</option>
							</select>
							<input type="text" placeholder="search product..." />
							<button><i class="fa fa-search"></i></button>
						</div>
					</div>
					<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 float-right account-wrap">
						<!-- Header shopping cart -->
						<div class="my-account-holder float-right">                
							<div class="total-cart my-account-title" data-toggle="my-cart">
								<div class="user-icon float-left">
									<i class="fa fa-shopping-cart" aria-hidden="true"></i>
								</div>
								<div class="float-left cart-link">
									<a href="#">2 Item(s)</a>
								</div>
								<div class="clearfix"></div>  
								<ul>
									<li>
										<div class="cart-img">
											<a href="#"><img src="img/cart/total-cart.jpg" alt="" /></a>											    
										</div>
										<div class="cart-info">
											<h4><a href="#">Vestibulum suscipit</a></h4>
											<span>£165.00 <span>x 1</span></span>
										</div>
										<div class="del-icon">
											<i class="fa fa-times-circle"></i>
										</div>
									</li>
									<li>
										<div class="cart-img">
											<a href="#"><img src="img/cart/total-cart.jpg" alt="" /></a>											    
										</div>
										<div class="cart-info">
											<h4><a href="#">Vestibulum suscipit</a></h4>
											<span>£165.00 <span>x 1</span></span>
										</div>
										<div class="del-icon">
											<i class="fa fa-times-circle"></i>
										</div>
									</li>
									<li>
										<div class="subtotal-text">Subtotal: </div>
										<div class="subtotal-price">£300.00</div>
									</li>
									 <li>
										<a href="#" class="button float-right">Checkout</a>										    
									</li>
								</ul>                   
							</div>
						</div>
						<!-- Header shopping cart -->
						<div class="my-account-holder float-right">                
							<div class="my-account-title">
								<div class="user-icon float-left">
									<i class="fa fa-heart" aria-hidden="true"></i>
								</div>                                   
								<div class="clearfix"></div>                     
							</div>
						</div>
						 <div class="my-account-holder float-right">                
							<div class="my-account-title">
								<div class="user-icon float-left">
									<i class="fa fa-exchange" aria-hidden="true"></i>
								</div>                                   
								<div class="clearfix"></div>                     
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- header-bottom-area end -->
		<!-- main-menu-area start -->
		<div class="main-menu-area hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12">
						<div class="main-menu">
							<nav>
								<ul>
									<li><a href="index.html">Home</a></li>
									<li><a href="about.html">About</a></li>
									<li><a href="shop-list.html">Shop List</a></li>
									<li><a href="single-product.html">Single Product</a></li>
									<li><a href="contact.html">Contact</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>            
		<!-- main-menu-area end -->
		<!-- mobile-menu-area start -->
		<div class="mobile-menu-area visible-xs">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mobile-menu">
							<nav id="dropdown">
								<ul>
									<li><a href="index.html">Home</a></li>
									<li><a href="about.html">About</a></li>
									<li><a href="shop-list.html">Shop List</a></li>
									<li><a href="single-product.html">Single Product</a></li>
									<li><a href="contact.html">Contact</a></li>
								</ul>
							</nav>
						</div>					
					</div>
				</div>
			</div>
		</div>
		<!-- mobile-menu-area end -->			
	</header>
</div>
<!-- HOME SLIDER -->
<!-- heading-banner start -->
<div class="heading-banner">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<ul class="breadcrumb">
					<li><a href="#">Home</a></li>
					<li><a href="#">Shop</a></li>
					<li class="active">Category List View Page With Left Sidebar</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- heading-banner end -->
<!-- shop-area start -->
<div class="shop-area">
	<div class="container">
		<div class="row">
			<!-- left-sidebar start -->
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<!-- widget-categories start -->
				<aside class="widget widget-categories">
						<h3 class="sidebar-title">Categories</h3>
						<ul class="sidebar-menu">
							<li><a href="#">Clothes</a> <span class="count">(14)</span></li>
							<li><a href="#">Men</a> <span class="count">(9)</span></li>
							<li><a href="#">Shoes</a> <span class="count">(2)</span></li>
							<li><a href="#">Sunglasses</a> <span class="count">(2)</span></li>
							<li><a href="#">Women</a> <span class="count">(8)</span></li>
						</ul>
					</aside>
				<!-- widget-categories end -->
				<!-- shop-filter start -->
				<aside class="widget shop-filter">
						<h3 class="sidebar-title">price</h3>
						<div class="info_widget">
							<div class="price_filter">
								<div id="slider-range"></div>
								<div class="price_slider_amount">
									<input type="text" id="amount" name="price"  placeholder="Add Your Price" />
									<input type="submit"  value="Filter">  
								</div>
							</div>
						</div>							
					</aside>
				<!-- shop-filter end -->
				<!-- filter-by start -->
				<aside class="widget filter-by">
						<h3 class="sidebar-title">Filter by</h3>
						<ul class="sidebar-menu">
							<li><a href="#">L</a> <span class="count">(1)</span></li>
							<li><a href="#">M</a> <span class="count">(1)</span></li>
							<li><a href="#">S</a> <span class="count">(1)</span></li>
							<li><a href="#">XL</a> <span class="count">(1)</span></li>
						</ul>						
					</aside>
				<!-- filter-by end -->
				<!-- widget-tags start -->
				<aside class="widget widget-tags">
						<h3 class="sidebar-title">Tags</h3>
						<ul>
							<li><a href="#">asian</a></li>
							<li><a href="#">brown</a></li>
							<li><a href="#">euro</a></li>
							<li><a href="#">fashion</a></li>
							<li><a href="#">france</a></li>
							<li><a href="#">hat</a></li>
							<li><a href="#">travel</a></li>
							<li><a href="#">white</a></li>
							<li><a href="#">t-shirt</a></li>
							<li><a href="#">teen</a></li>
						</ul>
					</aside>
				<!-- widget-tags end -->
			</div>
			<!-- left-sidebar end -->
			<!-- shop-content start -->
			<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
				<div class="shop-content">
					<!-- Nav tabs -->
					<ul class="shop-tab" role="tablist">
						<li role="presentation"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">
							<i class="fa fa-th"></i></a></li>
						<li role="presentation" class="active"><a href="#profile" aria-controls="profile"
							role="tab" data-toggle="tab"><i class="fa fa-list"></i></a></li>
					</ul>
					<div class="show-result">
						<p>
							Showing 1&ndash;12 of 19 results</p>
					</div>
					<div class="toolbar-form">
						<form action="#">
						<div class="tolbar-select">
							<select>
								<option value="volvo">Sort by Popularity</option>
								<option value="saab">Default sorting</option>
								<option value="mercedes">Sort by average rating</option>
								<option value="audi">Sort by newness</option>
								<option value="audi">Sort by Price: low to high</option>
								<option value="audi">Sort by Price: high to low</option>
							</select>
						</div>
						</form>
					</div>
					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane" id="home">
							<div class="row">
								<!-- single-product start -->
								<div class="col-lg-4 col-md-4 col-sm-4">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/1.jpg" alt="" />
												<img class="secondary-img" src="img/product/2.jpg" alt="" />
											</a>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-lg-4 col-md-4 col-sm-4">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/5.jpg" alt="" />
												<img class="secondary-img" src="img/product/6.jpg" alt="" />
											</a>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-lg-4 col-md-4 col-sm-4">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/19.jpg" alt="" />
												<img class="secondary-img" src="img/product/20.jpg" alt="" />
											</a>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-lg-4 col-md-4 col-sm-4">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/35.jpg" alt="" />
												<img class="secondary-img" src="img/product/36.jpg" alt="" />
											</a>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-lg-4 col-md-4 col-sm-4">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/9.jpg" alt="" />
												<img class="secondary-img" src="img/product/10.jpg" alt="" />
											</a>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-lg-4 col-md-4 col-sm-4">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/12.jpg" alt="" />
												<img class="secondary-img" src="img/product/13.jpg" alt="" />
											</a>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-lg-4 col-md-4 col-sm-4">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/25.jpg" alt="" />
												<img class="secondary-img" src="img/product/26.jpg" alt="" />
											</a>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-lg-4 col-md-4 col-sm-4">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/26.jpg" alt="" />
												<img class="secondary-img" src="img/product/28.jpg" alt="" />
											</a>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-lg-4 col-md-4 col-sm-4">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/5.jpg" alt="" />
												<img class="secondary-img" src="img/product/10.jpg" alt="" />
											</a>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
							</div>
						</div>
						<div role="tabpanel" class="tab-pane active" id="profile">
							<div class="row shop-list">
								<!-- single-product start -->
								<div class="col-md-12">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/15.jpg" alt="" />
												<img class="secondary-img" src="img/product/16.jpg" alt="" />
											</a>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
											<div class="product-desc">
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec
													est tristique auctor. Donec non est at libero vulputate rutrum. Morbi ornare lectus
													quis justo gravida semper. Nulla tellus mi, vulputate adipiscing cursus eu, suscipit
													id nulla.</p>
											</div>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-md-12">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/22.jpg" alt="" />
												<img class="secondary-img" src="img/product/23.jpg" alt="" />
											</a>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
											<div class="product-desc">
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec
													est tristique auctor. Donec non est at libero vulputate rutrum. Morbi ornare lectus
													quis justo gravida semper. Nulla tellus mi, vulputate adipiscing cursus eu, suscipit
													id nulla.</p>
											</div>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-md-12">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/8.jpg" alt="" />
												<img class="secondary-img" src="img/product/7.jpg" alt="" />
											</a>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
											<div class="product-desc">
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec
													est tristique auctor. Donec non est at libero vulputate rutrum. Morbi ornare lectus
													quis justo gravida semper. Nulla tellus mi, vulputate adipiscing cursus eu, suscipit
													id nulla.</p>
											</div>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
								<!-- single-product start -->
								<div class="col-md-12">
									<div class="single-product">
										<div class="product-img">
											<a href="single-product.html">
												<img class="primary-img" src="img/product/16.jpg" alt="" />
												<img class="secondary-img" src="img/product/17.jpg" alt="" />
											</a>
										</div>
										<div class="product-info">
											<h3>
												<a href="single-product.html">Feugiat justo lacinia</a></h3>
											<div class="pro-price">
												<span class="normal">$150</span> <span class="old">$180</span>
											</div>
											<div class="pro-rating">
												<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
													class="fa fa-star"></i><i class="fa fa-star"></i>
											</div>
											<div class="product-desc">
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec
													est tristique auctor. Donec non est at libero vulputate rutrum. Morbi ornare lectus
													quis justo gravida semper. Nulla tellus mi, vulputate adipiscing cursus eu, suscipit
													id nulla.</p>
											</div>
											<div class="product-action">
												<div class="pro-button-top">
													<a href="#">add to cart</a>
												</div>
												<div class="pro-button-bottom">
													<a href="#"><i class="fa fa-heart"></i></a><a href="#"><i class="fa fa-retweet"></i>
													</a><a href="#"><i class="fa fa-search-plus"></i></a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- single-product end -->
							</div>
						</div>
					</div>
				</div>
				<div class="shop-pagination">
					<div class="pagination">
						<ul>
							<li class="active">1</li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- shop-content end -->
		</div>
	</div>
</div>
<!-- shop-area end -->
<!-- brand-area start -->
<div class="brand-area pad-bottom">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="section-title text-center">
					<h2>
						Our Brands</h2>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="brand-carousel">
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
				<div class="col-lg-12">
					<div class="single-brand">
						<a href="#">
							<img src="img/brand/1.png" alt="" /></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- brand-area end -->
<!-- footer start -->
<footer>
		<!-- footer-top-area start -->
		<div class="footer-top-area">
			<div class="container">
				<div class="row">
					<!-- footer-widget start -->
					<div class="col-lg-3 col-md-3 col-sm-4">
						<div class="footer-widget">
							<img src="img/logo/logo-2.png" alt="" />
							<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. .</p>
							<div class="widget-icon">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-linkedin"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
							</div>
						</div>
					</div>
					<!-- footer-widget end -->
					<!-- footer-widget start -->
					<div class="col-lg-3 col-md-3 hidden-sm">
						<div class="footer-widget">
							<h3>Our services</h3>
							<ul class="footer-menu">
								<li><a href="#">Shipping & Returns</a></li>
								<li><a href="#">Secure Shopping</a></li>
								<li><a href="#">International Shipping</a></li>
								<li><a href="#">Affiliates</a></li>
								<li><a href="#">Contact</a></li>
							</ul>
						</div>
					</div>
					<!-- footer-widget end -->
					<!-- footer-widget start -->
					<div class="col-lg-3 col-md-3 col-sm-4">
						<div class="footer-widget">
							<h3>Our services</h3>
							<ul class="footer-menu">
								<li><a href="#">Shipping & Returns</a></li>
								<li><a href="#">Secure Shopping</a></li>
								<li><a href="#">International Shipping</a></li>
								<li><a href="#">Affiliates</a></li>
								<li><a href="#">Contact</a></li>
							</ul>
						</div>
					</div>
					<!-- footer-widget end -->
					<!-- footer-widget start -->
					<div class="col-lg-3 col-md-3 col-sm-4">
						<div class="footer-widget">
							<h3>CONTACT US</h3>
							<ul class="footer-contact">
								<li>
									<i class="fa fa-map-marker"> </i>
									Addresss: 123 Pall Mall, London England
								</li>
								<li>
									<i class="fa fa-envelope"> </i>	
									Email: admin@themepure.net
								</li>
								<li>
									<i class="fa fa-phone"> </i>
									Phone: +8801912 199981  
								</li>
							</ul>
						</div>
					</div>
					<!-- footer-widget end -->
				</div>
			</div>
		</div>
		<!-- footer-top-area end -->
		<!-- footer-bottom-area start -->
		<div class="footer-bottom-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6">
						<div class="copyright">
							<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6">
						<div class="payment-img">
							<img src="img/payment.png" alt="" />
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- footer-bottom-area end -->
	</footer>
<!-- footer end -->
<!-- all js here -->
<!-- jquery latest version -->
<script src="js/vendor/jquery-1.12.0.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- owl.carousel js -->
<script src="js/owl.carousel.min.js"></script>
<!-- jquery-ui js -->
<script src="js/jquery-ui.min.js"></script>
<!-- RS-Plugin JS -->
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="lib/rs-plugin/rs.home.js"></script>
<!-- meanmenu js -->
<script src="js/jquery.meanmenu.js"></script>
<!-- wow js -->
<script src="js/wow.min.js"></script>
<!-- plugins js -->
<script src="js/plugins.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
</body>
</html>